<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>班级页</title>
    <link rel="stylesheet" type="text/css" href="/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/themes/icon.css">
    <script type="text/javascript" src="/jquery.min.js"></script>
    <script type="text/javascript" src="/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/locale/easyui-lang-zh_CN.js"></script>

    <script type="text/javascript">
        $(function () {
            $.messager.alert("提示","欢迎使用js");
        });

    </script>

    <style type="text/css">
        table
        {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        table td, table th
        {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }
        table thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd)
        {
            background: #fff;
        }
        table tr:nth-child(even)
        {
            background: #F5FAFA;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <td field="id">班级编号</td>
        <td field="name">班级名称</td>
    </tr>
    <tr th:each="clazz : ${clazzList.data}">
        <td><em th:text="${clazz.id}"></em></td>
        <td><em th:text="${clazz.name}"></em>班</td>
    </tr>
</table></body>
</html>